<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="M_Adnan">
<title>武汉航运交易所</title>


<script type="text/javascript">
    var mainDomain = "${mainDomain}";
	var miscDomain = '${mainDomain}';
</script>
<style>
	
	#box{
		position: fixed;
		left: 15px;
		top: 220px;
		display: none;
	}
	#box a {
		font-size: 12px;
	}
	#box ul li{
		width: 50px;
		height: 30px;
		line-height: 30px;
		border: 1px dotted #666;
		text-align: center;
		border-bottom:none;
	}
	#box ul li.last{
		border-bottom: 1px dotted #666;
	}
	#box ul li .num{
		color: #666;
		/*display: none;*/
	}
	#box ul li .word{
		display: none;
		color: #CB1C39;
    font-size: 10px;
	}
  #box ul li .enlarge{
    display: none;
    color: #CB1C39;
  }
</style>

</head>
<body>



<!-- Wrap -->
<div id="wrap">
  <#include "common/goodsheader.ftl" />
  
  <!--======= HOME MAIN SLIDER =========-->
  <section class="home-slider"> 
    <!-- Slider Loader -->
    <div style="background:url(${mainDomain}/statics/images/goods/indeximages/banner01.jpg) center center repeat;background-size:cover; height: 420px;width: 100%;">
    	<div class="">
    		<div id="kjrk">
	    		<div style="width:160px;font-size:16px;color:#fff;margin:auto;margin-top:10px;margin-bottom:10px;text-align: center;">全程物流—快捷入口</div>
	    		<div style="width:160px; height:2px; border-top:1px solid #ffffff; clear:both;margin: 0px auto;"></div>
	    		<div class="kjrk-icon">
	    			<a href="/api/goods/jzxdc">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon1.png" alt="">
	    				<span>集装箱订舱</span>
	    			</a>
	    			<a href="/api/goods/gzcdc">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon2.png" alt="">
	    				<span>滚装船订舱</span>
	    			</a>
	    			<a href="/api/shys/gshyslist">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon3.png" alt="">
	    				<span>干散货运输</span>
	    			</a>
	    		</div>
				<div class="kjrk-icon">
					<a href="/api/shys/jzhyslist">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon4.png" alt="">
	    				<span>件杂货运输</span>
	    			</a>
	    			<a href="/api/shys/yhyslist">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon5.png" alt="">
	    				<span>液货运输</span>
	    			</a>
	    			<a href="/api/jkys/jkyslist">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon6.png" alt="">
	    				<span>集卡运输</span>
	    			</a>
	    		</div>
	    		<div class="kjrk-icon">
	    		    <a href="/api/gkfw/gkfwlist">
		              <img src="${mainDomain}/statics/images/goods/indeximages/icon12.png" alt="">
		              <span>港口服务</span>
		            </a>
	    			<a href="/api/ccfw/ccfwlist">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon7.png" alt="">
	    				<span>找仓库</span>
	    			</a>
	    			<a href="/api/goods/jrfw">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon8.png" alt="">
	    				<span>货运金融</span>
	    			</a>
	    			
	    		</div>
	    		<div class="kjrk-icon">
	    		   <a href="#">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon9.png" alt="">
	    				<span>货运保险</span>
	    			</a>
	    			<a href="/api/fwfw/fwfwindex">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon10.png" alt="">
	    				<span>法务咨询</span>
	    			</a>
	    			<a href="/api/lhy/lhylist">
	    				<img src="${mainDomain}/statics/images/goods/indeximages/icon11.png" alt="">
	    				<span>聊航运</span>
	    			</a>
	    			
	    		</div>
    	</div>
    	<div class="fbk">
          <img src="${mainDomain}/statics/images/goods/indeximages/release_icon01.png" alt="" style="margin: 0px 0px 3px 20px;">
          <span style="line-height: 50px;margin: 0px;font-size: 16px;color: #ffffff;font-weight: bold;">物流服务信息发布</span>
          <div style="width:200px; height:2px; border-top:1px solid #ffffff; clear:both;margin: 0px auto;"></div>
          <div style="margin: 15px auto;background-color: #8FF0E7;border-radius: 2px;height: 35px;width: 180px">
            <a href="javascript:void(0)" onclick="redirectInfo(${(yhxxModel!=null)?string('true','false')},1,${(yhxxModel!=null)?string(yhxxModel.yhlx,-1)})">
            <img src="${mainDomain}/statics/images/goods/indeximages/release_icon02.png" alt="" style="margin: 0px 15px 3px 40px;">
            <span style="line-height: 35px;margin: 0px;font-size: 14px;color: #ffffff;">货源发布</span>
            </a>
          </div>
          <div style="margin: 15px auto;background-color: #F39C4D;border-radius: 2px;height: 35px;width: 180px">
            <a href="javascript:void(0)" onclick="redirectInfo(${(yhxxModel!=null)?string('true','false')},2,${(yhxxModel!=null)?string(yhxxModel.yhlx,-1)})">
            <img src="${mainDomain}/statics/images/goods/indeximages/release_icon03.png" alt="" style="margin: 0px 15px 3px 40px;">
            <span style="line-height: 35px;margin: 0px;font-size: 14px;color: #ffffff;">车源发布</span>
            </a>
          </div>
          <div style="margin: 15px auto;background-color: #92C1F7;border-radius: 2px;height: 35px;width: 180px">
            <a href="javascript:void(0)" onclick="redirectInfo(${(yhxxModel!=null)?string('true','false')},3,${(yhxxModel!=null)?string(yhxxModel.yhlx,-1)})">
            <img src="${mainDomain}/statics/images/goods/indeximages/release_icon04.png" alt="" style="margin: 0px 15px 3px 40px;">
            <span style="line-height: 35px;margin: 0px;font-size: 14px;color: #ffffff;">船源发布</span>
            </a>
          </div>
          <div style="margin: 15px auto;background-color: #4EF492;border-radius: 2px;height: 35px;width: 180px">
            <a href="javascript:void(0)" onclick="redirectInfo(${(yhxxModel!=null)?string('true','false')},4,${(yhxxModel!=null)?string(yhxxModel.yhlx,-1)})">
            <img src="${mainDomain}/statics/images/goods/indeximages/release_icon05.png" alt="" style="margin: 0px 15px 3px 40px;">
            <span style="line-height: 35px;margin: 0px;font-size: 14px;color: #ffffff;">船期发布</span>
            </a>
          </div>          
          
          <span style="margin: 20px 95px 0px;font-size: 16px;color: #ffffff;display: block;width: 72px;">动态查询</span>
          <img src="${mainDomain}/statics/images/goods/indeximages/title-bg.png" alt="" style="width: 160px;height: 3px;margin: -15px 40px 0px;">
          <div style="margin: 0px auto;background-color: #0090f7;border-radius: 2px;height: 35px;width: 180px">
            <a href="http://www.whxgedi.gov.cn/control/edijzxList3">
            <img src="${mainDomain}/statics/images/goods/indeximages/release_icon02.png" alt="" style="margin: 0px 15px 3px 40px;">
            <span style="line-height: 35px;margin: 0px;font-size: 14px;color: #ffffff;">箱动态</span>
            </a>
          </div>
          <div style="margin: 15px auto;background-color: #f85d5d;border-radius: 2px;height: 35px;width: 180px">
            <a href="http://www.whxgedi.gov.cn/control/gisMap3">
            <img src="${mainDomain}/statics/images/goods/indeximages/release_icon04.png" alt="" style="margin: 0px 15px 3px 40px;">
            <span style="line-height: 35px;margin: 0px;font-size: 14px;color: #ffffff;">船动态</span>
            </a>
          </div>
          
        </div>
      </div>
    </div>
  </section>

  <div style="min-width: 1349px;background-color: #F7F7F7;margin: 0;">
    <div class="container" style="text-align: center;width:1050px;">
    	<span id="1f" name="1f"></span>
      <div class="cxk">
        <div style="text-align: left;">
        <img src="${mainDomain}/statics/images/goods/indeximages/search_icon01.png" alt="" style="margin: 0px 0px 3px 20px;">
        <span style="line-height: 50px;margin: 0 15px;font-size: 16px;color: #0e90d2;">船期查询</span>
        </div>
        <div style="width:90%; height:2px; border-top:2px solid #0e90d2; clear:both;margin: 0px auto;"></div>
        <table style="width:280px; border-collapse:separate; border-spacing:15px; text-align: center;">
         	<tr>
         		<td style="text-align:right;">始发港:</td>
         		<td><select id="jzxsfg" name="jzxsfg" style="min-width: 145px;height: 28px;font-size: 13px;">
			            <option value="" disabled selected style="display:none;">请选择港口</option>
			            <#list gklist as info>
			            	<option value="${info.id}">${info.gkmc}</option>
			            </#list>
			          </select>
          		</td>
         	</tr>
         	<tr>
         		<td style="text-align:right;">目的港:</td>
         		<td><select id="jzxmdg" name="jzxmdg" style="min-width: 145px;height: 28px;font-size: 13px;">
			            <option value="" disabled selected style="display:none;">请选择港口</option>
			            <#list gklist as info>
			            	<option value="${info.id}">${info.gkmc}</option>
			            </#list>
			          </select>
			    </td>
         	</tr>
         	<tr>
         		<td style="text-align:right;">离港日期:</td>
         		<td><input type="text" id="datepicker" placeholder="请选择日期" style="width: 145px;"/></td>
         	</tr>
         	<tr>
         		<td colspan="2"><button type="button" onclick="cqcxfunction()" style="background-color: #0e90d2;color: #ffffff;min-width: 100px;height: 30px;">查询</button></td>
         	</tr>
        </table>
      </div>

      <div class="cxk">
        <div style="text-align: left;">
        <img src="${mainDomain}/statics/images/goods/indeximages/search_icon02.png" alt="" style="margin: 0px 0px 3px 20px;">
        <span style="line-height: 50px;margin: 0px;font-size: 16px;color: #0e90d2;">运力查询</span>
        </div>
        <div style="width:90%; height:2px; border-top:2px solid #0e90d2; clear:both;margin: 0px auto;"></div>
        <table style="width:280px; border-collapse:separate; border-spacing:15px; text-align: center;">
         	<tr>
         		<td style="text-align:right;">运输类型:</td>
         		<td><select id="yslx" name="selse" style="min-width: 145px;height: 28px;font-size: 13px;">
		            <option value="" disabled selected style="display:none;">请选择运输类型</option>
		            <#list hwlxlist as info>
		            	<option value="${info.id}">${info.lxmc}</option>
		            </#list>
		          </select>
          		</td>
         	</tr>
         	<tr>
         		<td style="text-align:right;">船舶类型:</td>
         		<td><select id="cblx" name="selse" style="min-width: 145px;height: 28px;font-size: 13px;">
		            <option value="" disabled selected style="display:none;">请选择船舶类型</option>
		            <#list cxlist as info>
		            	<option value="${info.id}">${info.cxmc}</option>
		            </#list>
		          </select>
			    </td>
         	</tr>
         	<tr>
         		<td style="text-align:right;">船舶载量:</td>
         		<td><input type="text" id="cbzlxx" class="text" style="width:60px;"/>-<input type="text" id="cbzlsx" class="text" style="width:60px;"/>(吨)</td>
         	</tr>
         	<tr>
         		<td colspan="2"><button onclick="ylcxfunction()" type="button" style="background-color: #0e90d2;color: #ffffff;width: 100px;height: 30px;">查询</button></td>
         	</tr>
        </table>
      </div>

      <div class="cxk" style="margin: 30px 0 30px 0" >
        <div style="text-align: left;">
        <img src="${mainDomain}/statics/images/goods/indeximages/search_icon03.png" alt="" style="margin: 0px 0px 3px 20px;">
        <span style="line-height: 50px;margin: 0px;font-size: 16px;color: #0e90d2;">货源查询</span>
        </div>
        <div style="width:90%; height:2px; border-top:2px solid #0e90d2; clear:both;margin: 0px auto;"></div>
         <table style="width:280px; border-collapse:separate; border-spacing:15px; text-align: center;">
         	<tr>
         		<td style="text-align:right;">始发港:</td>
         		<td><select id="hysfg" name="hysfg" style="min-width: 145px;height: 28px;font-size: 13px;">
		            <option value="" disabled selected style="display:none;">请选择港口</option>
		            <#list gklist as info>
		            	<option value="${info.id}">${info.gkmc}</option>
		            </#list>
		          </select>
          		</td>
         	</tr>
         	<tr>
         		<td style="text-align:right;">目的港:</td>
         		<td><select id="hymdg" name="hymdg" style="min-width: 145px;height: 28px;font-size: 13px;">
		            <option value="" disabled selected style="display:none;">请选择港口</option>
		            <#list gklist as info>
		            	<option value="${info.id}">${info.gkmc}</option>
		            </#list>
		          </select>
			    </td>
         	</tr>
         	<tr>
         		<td style="text-align:right;">货物类型:</td>
         		<td><select id="hwlx" name="selse" style="min-width: 145px;height: 28px;font-size: 13px;">
		            <option value="" disabled selected style="display:none;">请选择货物类型</option>
		             <#list hwlxlist as info>
		            	<option value="${info.id}">${info.lxmc}</option>
		            </#list>
		          </select>
		        </td>
         	</tr>
         	<tr>
         		<td colspan="2"><button onclick="hycxfunction()" type="button" style="background-color: #0e90d2;color: #ffffff;width: 100px;height: 30px;">查询</button></td>
         	</tr>
        </table>
       
      </div>
    </div> 
  </div>

  <div style="min-width: 1349px;margin: 0;">
  <span id="2f" name="2f"></span>
      <div class="container" style="margin: 50px auto 0px;">
        

        <section id="feature" class="transparent-bg" style="padding: 20px 0;">
          <div id="indextab1" >
              <!-- Nav tabs -->
              <ul class="nav nav-pills" style="margin: 0px;background-image: url(${mainDomain}/statics/images/goods/indeximages/title-bga.png);height:57px;">
                <li class="active" style="width: 130px;"><a href="#tab2-1" data-toggle="tab" style="text-align: center;font-size: 16px;background-color:transparent;padding:15px 15px;">江海直达</a></li>
                <li style="width: 130px;"><a href="#tab2-2" data-toggle="tab" style="text-align: center;font-size: 16px;background-color:transparent;padding:15px 15px;">东盟航线</a></li>
                <li style="width: 130px;"><a href="#tab2-3" data-toggle="tab" style="text-align: center;font-size: 16px;background-color:transparent;padding:15px 15px;">日韩航线</a></li>
              </ul>
              <!-- Tab panes -->
              <div class="tab-content">
                <div class="tab-pane active" id="tab2-1">
                  <div class="" style="margin:0px;">
                    <div class="portfolio-items">
                      <span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/jzxdc?hxid=1" style="font-size: 12px;color: #0e90d2;">更多>></a></span>
                      <div><img src="${mainDomain}/statics/images/goods/indeximages/line01.png" alt="" style="width: 100%;"></div>
                      <div style="margin: 10px 0px;">
                        <table class="jzx-tb" width="100%" style="padding: 0;">
                            <!--<tr class="tbtop" style="color: #0e90d2;text-align: center;height: 35px;font-size: 14px;">
                                <td><strong>船名</strong></td>
                                <td><strong>航线经营人</strong></td>
                                <td><strong>航次</strong></td>
                                <td><strong>始发港</strong></td> 
                                <td><strong>到达港</strong></td>
                                <td><strong>离港时间</strong></td>
                                <td><strong>详情</strong></td>
                            </tr>-->
                        </table>
                      </div>
                      <div id = "jhzdgd" style=" overflow:hidden;height:280px;margin: 10px 0px;" >
					    <div id="jhzdgd1">    	
					    </div>
						<div id="jhzdgd2"></div>
						</div>
                    </div>
                  </div>
                  <script>
					  var speed=50
					  var clentheight = jhzdgd.clientHeight;    
					  function Marquee1(){
					  if(jhzdgd2.offsetHeight-jhzdgd.scrollTop<=0)
					  jhzdgd.scrollTop-=jhzdgd1.offsetHeight
					  else{
					  jhzdgd.scrollTop++
					}
					}
					var MyMar1=setInterval(Marquee1,speed);
					jhzdgd.onmouseover=function() {clearInterval(MyMar1)};//鼠标移上时清除定时器达到滚动停止的目的
					jhzdgd.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)};//鼠标移开时重设定时器
					</script>
                </div>

                <div class="tab-pane" id="tab2-2">
                	<div class="" style="margin:0px;">
                    <div class="portfolio-items">
                      <span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/jzxdc?hxid=2" style="font-size: 12px;color: #0e90d2;">更多>></a></span>
                      <div><img src="${mainDomain}/statics/images/goods/indeximages/line02.png" alt="" style="width: 100%;"></div>
                      <div class="" style="margin: 10px 0px;">
                   	  <table class="jzx-tb" width="100%" style="padding: 0;">
                        <!--<tr class="tbtop" style="color: #0e90d2;text-align: center;height: 35px;font-size: 14px;">
                            <td><strong>船名</strong></td>
                            <td><strong>航线经营人</strong></td>
                            <td><strong>航次</strong></td>
                            <td><strong>始发港</strong></td> 
                            <td><strong>到达港</strong></td>
                            <td><strong>离港时间</strong></td>
                            <td><strong>详情</strong></td>
                        </tr>-->
                      </table>
                      </div>
                      <div id = "dmhxgd" style=" overflow:hidden;height:280px;margin: 10px 0px;" >
						  <div id="dmhxgd1"></div>
						  <div id="dmhxgd2"></div>
					  </div>
                    </div>
                  </div>
                  <script>
					  var speed=50
					  var clentheight = dmhxgd.clientHeight;    
					  function Marquee2(){
					  if(dmhxgd2.offsetHeight-dmhxgd.scrollTop<=0)
					  dmhxgd.scrollTop-=dmhxgd1.offsetHeight
					  else{
					  dmhxgd.scrollTop++
					}
					}
					var MyMar2=setInterval(Marquee2,speed);
					dmhxgd.onmouseover=function() {clearInterval(MyMar2)};//鼠标移上时清除定时器达到滚动停止的目的
					dmhxgd.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)};//鼠标移开时重设定时器
					</script>
                </div>

                <div class="tab-pane" id="tab2-3">
                	<div class="" style="margin:0px;">
                    <div class="portfolio-items">
                      <span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/jzxdc?hxid=3" style="font-size: 12px;color: #0e90d2;">更多>></a></span>
                      <div><img src="${mainDomain}/statics/images/goods/indeximages/line03.png" alt="" style="width: 100%;"></div>
                      <div class="" style="margin: 10px 0px;">
                        <table class="jzx-tb" width="100%" style="padding: 0;">
                            <!--<tr class="tbtop" style="color: #0e90d2;text-align: center;height: 35px;font-size: 14px;">
                                <td><strong>船名</strong></td>
                                <td ><strong>航线经营人</strong></td>
                                <td><strong>航次</strong></td>
                                <td><strong>始发港</strong></td> 
                                <td><strong>到达港</strong></td>
                                <td><strong>离港时间</strong></td>
                                <td><strong>详情</strong></td>
                            </tr>-->
                        </table>
                      </div>
                      <div id = "rhhxgd" style=" overflow:hidden;height:280px;margin: 10px 0px;" >
						  <div id="rhhxgd1"></div>
						  <div id="rhhxgd2"></div>
					  </div>
                    </div>
                  </div>
                  <script>
					  var speed=50
					  var clentheight = rhhxgd.clientHeight;    
					  function Marquee3(){
					  if(rhhxgd2.offsetHeight-rhhxgd.scrollTop<=0)
					  rhhxgd.scrollTop-=rhhxgd1.offsetHeight
					  else{
					  rhhxgd.scrollTop++
					}
					}
					var MyMar3=setInterval(Marquee3,speed);
					rhhxgd.onmouseover=function() {clearInterval(MyMar3)};//鼠标移上时清除定时器达到滚动停止的目的
					rhhxgd.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)};//鼠标移开时重设定时器
					</script>
                </div>

              </div>
          </div>
        </section>
      </div>
  </div>

  <div style="margin:0px;">
    <div class="">
      <div class="" style="margin: 30px 0 0;">
        <img src="${mainDomain}/statics/images/goods/indeximages/banner02.jpg" alt="" style="width: 100%;">
      </div>
    </div>
  </div>

  <div style="min-width: 1349px;margin: 0;background-color: #F7F7F7;">
  <span id="3f" name="3f"></span>
      <div class="container" style="margin: 50px auto 0px;">
      	<section id="feature" class="transparent-bg" style="padding: 20px 0;">
      		
          <div id="indextab1" >
              <!-- Nav tabs -->
              <ul class="nav nav-pills" style="margin: 0px;background-image: url(${mainDomain}/statics/images/goods/indeximages/title-bgc.png);height:57px;">
              </ul>
          </div>
          
          <div class="portfolio-items"><span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/gzcdc" style="font-size: 12px;color: #0e90d2;">更多>></a></span></div>
 
        <div id = "gzdc" style=" overflow:hidden;margin: 30px 0px;" >
			<div id="gzdc1"></div>
			<div id="gzdc2"></div>
		</div>
		</section>
      </div>
  </div>
	  <script>
		var speed=50
		var clentheight = gzdc.clientHeight;
		function Marquee5(){
		  if(gzdc2.offsetHeight-gzdc.scrollTop<=0)
		  gzdc.scrollTop-=gzdc1.offsetHeight
		  else{
		  gzdc.scrollTop++
		}
		}
		var MyMar5=setInterval(Marquee5,speed);
		gzdc.onmouseover=function() {clearInterval(MyMar5)};//鼠标移上时清除定时器达到滚动停止的目的
		gzdc.onmouseout=function() {MyMar5=setInterval(Marquee5,speed)};//鼠标移开时重设定时器
	</script>

  <div style="min-width: 1349px;margin: 0;background-color: #F7F7F7;">
  <span id="4f" name="4f"></span>
      <div class="container" style="margin: 40px auto 0px;">
      	<section id="feature" class="transparent-bg" style="padding: 20px 0;">
          <div id="indextab1" >
              <!-- Nav tabs -->
              <ul class="nav nav-pills" style="margin: 0px;background-image: url(${mainDomain}/statics/images/goods/indeximages/title-bgb.png);height:57px;">
              </ul>
          </div>
          
          <div class="portfolio-items"><span style="display:block; float: right; margin-right: 10px;"><a href="/api/shys/gshyslist" style="font-size: 12px;color: #0e90d2;">更多>></a></span></div>
 
        <div id = "shyl" style=" overflow:hidden;margin: 30px 0px;" >
			<div id="shyl1"></div>
			<div id="shyl2"></div>
		</div>
		</section>
      </div>
  </div>
	  <script>
		var speed=50
		var clentheight = shyl.clientHeight;
		function Marquee4(){
		  if(shyl2.offsetHeight-shyl.scrollTop<=0)
		  shyl.scrollTop-=shyl1.offsetHeight
		  else{
		  shyl.scrollTop++
		}
		}
		var MyMar4=setInterval(Marquee4,speed);
		shyl.onmouseover=function() {clearInterval(MyMar4)};//鼠标移上时清除定时器达到滚动停止的目的
		shyl.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)};//鼠标移开时重设定时器
	</script>

  <div style="min-width: 1349px;">
  <span id="5f" name="5f"></span>
    <section class="" style="height: 470px;padding-top: 50px;">
      <div class="container"> 
        
        <!-- Heading -->
        <div class="head">
          <h6 style="text-align: center;font-size: 20px;line-height: 40px;">资讯指南</h6>
          <img src="${mainDomain}/statics/images/goods/indeximages/title-bg.png" alt="">
        </div>
          
        <!-- Row -->
        <div class="" style="min-width: 1170px;"> 
          <!-- BLOG -->
          <div id="jyzn">
            <div style="margin: 20px auto 5px;background-color: #FAB327;border-radius: 5px;height: 40px;">
              <h6 style="text-align: center;font-size: 16px;color: #fff;line-height: 40px;">航运信息</h6>
            </div>
            <div id="hyxxdiv">

            </div>
            <span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/front/findArticleListBySection/10/94" style="font-size: 12px;color: #0e90d2;">更多>></a></span>
          </div>
          
          <!-- BLOG -->
          <div id="zcfg">
            <div style="margin: 20px auto 5px;background-color: #6C8B9D;border-radius: 5px;height: 40px;">
              <h6 style="text-align: center;font-size: 16px;color: #fff;line-height: 40px;">政策法规</h6>
            </div>
            <div id="zcfgdiv">

            </div>
            <span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/front/findArticleListBySection/10/95" style="font-size: 12px;color: #0e90d2;">更多>></a></span>
          </div>
          
          <!-- BLOG -->
          <div id="hybt">
            <div style="margin: 20px auto 5px;background-color: #78D551;border-radius: 5px;height: 40px;">
              <h6 style="text-align: center;font-size: 16px;color: #fff;line-height: 40px;">行业补贴</h6>
            </div>
            
            <div id="hybtdiv">

            </div>
            <span style="display:block; float: right; margin-right: 10px;"><a href="/api/goods/front/findArticleListBySection/10/96" style="font-size: 12px;color: #0e90d2;">更多>></a></span>
          </div>

        </div>
      </div>
    </section>
  </div>
        
  
  <!-- Content -->
  <div id="content" style="min-width: 1349px;"> 
  <span id="6f" name="6f"></span>
    <!-- Request a quote -->
    
    
    <!-- blog -->
    <section class="blog padding-bottom-100" style="height: 500px;background-color: #F7F7F7;padding-top: 
    50px;">
      <div class="container"> 
        
        <!-- Heading -->
        <div class="head">
          <h6 style="text-align: center;font-size: 20px;line-height: 40px;">帮助中心</h6>
          <img src="${mainDomain}/statics/images/goods/indeximages/title-bg.png" alt="">
        </div>
        
        <!-- Row -->
        <div class="row" style="min-width: 1170px;margin-top: 30px;"> 
          <!-- BLOG -->
          <div class="col-md-4">
            <article> <img class="img-responsive" src="${mainDomain}/statics/images/goods/indeximages/gywm.jpg" alt="" >
              <div class="post-info">
                <div class="tag-post"><img src="${mainDomain}/statics/images/goods/indeximages/post-tahg-img.png" alt="" ></div>
                <a href="http://www.whse.net.cn/about/jj" class="tittle-post">关于我们</a> <!-- <span>Oct 31, 2015   |   Comments 4 </span>
                <p>What might be right for you may not be to right for be some. Now the world  one drumu sathsa. </p> -->
              </div>
            </article>
          </div>
          
          <!-- BLOG -->
          <div class="col-md-4">
            <article> <img class="img-responsive" src="${mainDomain}/statics/images/goods/indeximages/post-img-2.jpg" alt="" >
              <div class="post-info">
                <div class="tag-post"><img src="${mainDomain}/statics/images/goods/indeximages/post-tahg-img.png" alt="" ></div>
                <a href="/api/fw/fwjj" class="tittle-post">服务手册</a> <!-- <span>Oct 31, 2015   |   Comments 4 </span>
                <p>What might be right for you may not be to right for be some. Now the world  one drumu sathsa. </p> -->
              </div>
            </article>
          </div>
          
          <!-- BLOG -->
          <div class="col-md-4">
            <article> <img class="img-responsive" src="${mainDomain}/statics/images/goods/indeximages/czzn.jpg" alt="" >
              <div class="post-info">
                <div class="tag-post"><img src="${mainDomain}/statics/images/goods/indeximages/post-tahg-img.png" alt="" ></div>
                <a href="/api/fw/czzn" class="tittle-post">操作指南</a> <!-- <span>Oct 31, 2015   |   Comments 4 </span>
                <p>What might be right for you may not be to right for be some. Now the world  one drumu sathsa. </p> -->
              </div>
            </article>
          </div>
        </div>
      </div>
    </section>

      </div>
     </div>
    </div>
    
    <!-- CLIENTS -->
   
  </div>
  
  <!--======= FOOTER =========-->
  <#include "common/goodsfooter.ftl" />
</div>
</div>


<script src="${mainDomain}/statics/js/front/goods/bootstrap.min.js"></script> 
<script src="${mainDomain}/statics/js/front/goods/own-menu.js"></script> 
<script src="${mainDomain}/statics/js/front/goods/jquery.isotope.min.js"></script> 
<script src="${mainDomain}/statics/js/front/goods/jquery.prettyPhoto.js"></script> 
<script src="${mainDomain}/statics/js/front/goods/owl.carousel.min.js"></script>
<script src="${mainDomain}/statics/js/front/goods/pikaday.min.js"></script>

<!-- SLIDER REVOLUTION 4.x SCRIPTS  --> 
<script type="text/javascript" src="${mainDomain}/statics/js/front/goods/jquery.tp.t.min.js"></script> 
<script type="text/javascript" src="${mainDomain}/statics/js/front/goods/jquery.tp.min.js"></script> 
<script src="${mainDomain}/statics/js/front/goods/main.js"></script>
<script type="text/javascript">
    var picker = new Pikaday(
    {
        field: document.getElementById('datepicker'),
        firstDay: 1,
        minDate: new Date('2010-01-01'),
        maxDate: new Date('2020-12-31'),
        yearRange: [2000,2020]
    });

    function subOnClick(){ 
    var text1=document.getElementById("txt1").value;  
    var text2=document.getElementById("txt2").value;
     
    document.getElementById("txt1").value=text2; 
    document.getElementById("txt2").value=text1; 
} 
</script>
<#include "common/zxkf.ftl" />
<script>
	$(function(){
		// @ 给窗口加滚动条事件
		$(window).scroll(function(){
			// 获得窗口滚动上去的距离
			var ling = $(document).scrollTop();
			// 如果滚动距离大于*的时候让滚动框出来
      if(ling>9100 || ling<579){
        $('#box').css('display','none');  // @ 这一句和下一句效果一样。
        //$('#box').hide();
      }
			else if(ling>580){
				$('#box').show();
			}
			if(581<ling && ling<1000){
				// 让第一层的数字隐藏，文字显示，让其他兄弟元素的li数字显示，文字隐藏
				$('#box ul li').eq(0).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(0).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<1600){
				$('#box ul li').eq(1).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(1).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<2000){
				$('#box ul li').eq(2).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(2).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<2450){
				$('#box ul li').eq(3).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(3).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<2900){
				$('#box ul li').eq(4).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(4).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<5060){
				$('#box ul li').eq(5).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(5).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<9090){
				$('#box ul li').eq(6).find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(6).siblings('li').find('.num').css('display','block').siblings('.word').hide();
			}
			
		})

	})

	$(function(){
		$('#box ul li').hover(function(){
			$(this).find('.num').hide().siblings('.word').css({'display':'inline-block','color':'#CB1C39'}).siblings('.enlarge').css({'display':'inline-block','background':'#CB1C39','color':'white','position':'absolute','left':'50px','width':'60px','height':'30px','font-size':'20px'});
		},function(){
		
			$(this).find('.num').css({'display':'block','background':'white','color':'#666'}).siblings('.word').hide().css({'display':'none','background':'','color':''}).siblings('.enlarge').hide().css({'display':'none','background':'','color':''});
		})
	})
	
	function redirectInfo (isLogin,infoType,yhType) {
		if (isLogin) {
			if (infoType == 1) {
				if (yhType == 4 || yhType == 1) {
					window.location.href = "/member/initAddHyysinfo";
				} else {
					alert("该用户类型没有权限！");
				}
			} else if (infoType == 2) {
				if (yhType == 5) {
					window.location.href = "/member/initAddHyysinfo";
				} else {
					alert("该用户类型没有权限！");
				}
			} else if (infoType == 3) {
				if (yhType == 0 || yhType == 2) {
					window.location.href = "/member/initAddGshysinfo";
				} else {
					alert("该用户类型没有权限！");
				}
			} else if (infoType == 4) {
				if (yhType == 0 || yhType == 2) {
					window.location.href = "/member/initAddTshxinfo";
				} else {
					alert("该用户类型没有权限！");
				}
			}
		} else {
			alert("抱歉,您还没正常登录！");
			window.location.href = "/login/loginindex?tourl=" + window.location.href;
		}
	}
</script>
<script type="text/javascript" src="${mainDomain}/statics/js/front/goodsindex.js"></script>

<div id="box">
	<ul>
		<li>
			<a class="num" href="#1f" style="display:none">1F</a>
			<a class="word" href="#1f" style="display:block">查询</a>
      <a class="enlarge" href="#1f" style="display:none">查询</a>
		</li>
		<li>
			<a class="num" href="#2f">2F</a>
			<a class="word" href="#2f">集装箱</a>
      <a class="enlarge" href="#2f">集装箱</a>
			</li>
		<li>
			<a class="num" href="#3f">3F</a>
			<a class="word" href="#3f">滚装船</a>
      <a class="enlarge" href="#3f">滚装船</a>
		</li>
		<li>
			<a class="num" href="#4f">4F</a>
			<a class="word" href="#4f">散货</a>
      <a class="enlarge" href="#4f">散货</a>
		</li>
		<li>
			<a class="num" href="#5f">5F</a>
			<a class="word" href="#5f">资讯</a>
      <a class="enlarge" href="#5f">资讯</a>
		</li>
		<li>
			<a class="num" href="#6f">6F</a>
			<a class="word" href="#6f">帮助</a>
      <a class="enlarge" href="#6f">帮助</a>
		</li>
		<li class="last">
			<a class="num" href="#">回顶部</a>
			<a class="word" href="#">回顶部</a>
      <a class="enlarge" href="#">回顶部</a>
		</li>
	</ul>
</div>
</body>
</html>